*
{
    margin: 0;
    padding: 0;
}
@font-face
{
    font-family: 'iconfont';

    src: url('../img/font/iconfont.eot');
    src: url('../img/font/iconfont.eot') format('embedded-opentype'),
    url('../img/font/iconfont.woff') format('woff'),
    url('../img/font/iconfont.ttf') format('truetype'),
    url('../img/font/iconfont.svg#iconfog') format('svg');
}
ul
{
    list-style: none;
}
a:link,
a:visited
{
    text-decoration: none;

    color: #333;
}
body
{
    font-family: '微软雅黑';

    color: #14191e;
}
.main
{
    position: relative;

    width: 1200px;
    height: 460px;
    margin: 30px auto;
}
.menu-box
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 244px;
    height: 460px;

    opacity: .5;
    background: rgba(7,17,27,.5);
}
.menu-content
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 244px;
    height: 454px;
    padding-top: 6px;
}
.menu-item
{
    font-size: 17px;
    line-height: 66px;

    position: relative;

    height: 64px;
    padding: 0 24px;
}
.menu-item a:link,
.menu-item a:visited
{
    color: #fff;
}
.menu-item a
{
    display: block;

    height: 63px;
    padding: 0 8px;

    border-bottom: 1px solid rgba(255,255,255,.2);
}
.menu-item i
{
    font-family: 'iconfont';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;

    position: absolute;
    top: 2px;
    right: 32px;

    color: rgba(255,255,255,.5);
}
.sub-menu
{
    position: absolute;
    z-index: 999;
    top: 0;
    left: 244px;

    width: 730px;
    height: 454px;

    border: 1px solid #d9dde1;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
}
.inner-box
{
    display: none;

    width: 100%;
    height: 100%;

    background: url(../img/fe.png) no-repeat;
}
.sub-inner-box
{
    overflow: hidden;

    width: 652px;
    margin-left: 40px;
}
.title
{
    font-size: 16px;
    line-height: 16px;

    margin: 28px 0 30px 0;

    color: #f01414;
}
.sub-row
{
    margin-bottom: 25px;
}
.bold
{
    font-weight: bold;
}
.mr10
{
    margin-right: 10px;
}
.ml10
{
    margin-left: 10px;
}
.hide
{
    display: none;
}
.banner
{
    position: relative;

    width: 1200px;
    height: 460px;
}
.banner-slider
{
    position: absolute;

    display: none;

    width: 1200px;
    height: 460px;

    background-repeat: no-repeat;
}

.slide-active
{
    display: block;
}

.slide1
{
    background: url(../img/bg1.jpg);
}

.slide2
{
    background: url(../img/bg2.jpg);
}

.slide3
{
    background: url(../img/bg3.jpg);
}
.button
{
    position: absolute;
    top: 50%;
    left: 244px;

    width: 40px;
    height: 80px;
    margin-top: -40px;

    background: url(../img/arrow.png) no-repeat center center;
}
.button:hover
{
    opacity: .8;
    background-color: #333;

    filter: alpha(opacity=80);
}
.prev
{
    transform: rotate(180deg);
}
.next
{
    right: 0;
    left: auto;	/*	//父类定义了left,则left先起作用，为了实现right故设置成auto*/
}
.dots
{
    position: absolute;
    right: 20px;
    bottom: 24px;

    text-align: right;
}
.dots span
{
    line-height: 12px;

    display: inline-block;

    width: 12px;
    height: 12px;
    margin-left: 8px;

    cursor: pointer;

    border-radius: 50%;
    background: rgba(7,17,27,.4);
    box-shadow: 0 0 0 2px rgba(255,255,255,.8) inset;
}
.dots span.active
{
    background: #fff;
    box-shadow: 0 0 0 2px rgba(255,255,255,.4) inset;
}
